// import { ComponentSize } from '@/utils/types'
// import { computed, CSSProperties, ref } from 'vue'
// import { SpaceProps } from '@/components/space/src/space'
//
// const SIZE_MAP: Record<ComponentSize, number> = {
//   mini: 4,
//   small: 8,
//   medium: 12,
//   large: 16
// }
//
// export function useSpace(props:SpaceProps){
//  const classes = computed(()=>['el-space', 'el-space--${props.direction}',props.class])
//   const horizontalSize = ref(0);
//  const verticalSize = ref(0);
//
//  const containerStyle = computed<styleValue>(()=>{
//    const wrapKls:CSSProperties = props.wrap || props.fill ? {flexWrap:'wrap'}
//  })
// }
